<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
*{padding:0; margin:0; font-size:14px;}
.menu{width:500px; padding:15px;}
.menu-item{line-height:36px; cursor:pointer; opacity:0.92;color: red}
.menu-item:hover{opacity:1;}
.h3{font-size:15px; line-height:50px;text-align: center}
.beizhu{color:black}
</style>
</head>
<body>
<div class="menu">
    <h3 class="h3">菜单页面</h3>
    <div class="menu-item">
        <ul style="list-style: none;cursor: default;position: relative;right: -120px ">
            <li>
                <span class="beizhu">得到的任何信息，均会打印的控制台。</span>
            </li>
            <li>
                <span class="beizhu">选中插件右键 “审查”，就可以看到输出的信息了</span>
            </li>
        </ul>
    </div>

    <div class="menu-item" id="get—cookie">获取当前活动标签的cookie</div>
    <div class="menu-item" id="get-local-cache">获取当前活动标签的本地缓存</div>
    <div class="menu-item" id="get-active—index—html">获取当前活动标签的页面html</div>
    <div class="menu-item" id="active—index-screenshot">截图当前活动标签</div>
    <div class="menu-item" id="close-active—index-left">关闭当前左边的标签</div>
    <div class="menu-item" id="close-active—index">关闭当前标签</div>
    <div class="menu-item" id="close-active—index-right">关闭当前右边的标签</div>
    <div class="menu-item" >
        打开某个页面，并获取当前页面的数据html代码
        <div>
            网址：<input type="text" id="url"  placeholder="请输入网址">
            <input type="button" id="open-some-url-get-html" style="position: relative;right: -20px" value="获取">
        </div>

    </div>
    <div class="menu-item" id="send-msg">发送通知信息</div>
    <div class="menu-item" id="listen-url-request">监听请求网址信息</div>
</div>
<script src="js/jquery.js"></script>
<script src="js/popup.js"></script>
</body>
</html>